/*index.css*/

.content_box {
	width: 100%;
	padding: 0 10vw;
	box-sizing: border-box;
}

.content_color {
	background-color: #F8FAFF;
	padding-top: 5%;
}


.news_box{
	width: 100%;
	padding: 1.5vw;
	border-radius: 1vw;
	box-sizing: border-box;
}

.news_box .news_nav {
	width: 100%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	border-bottom: 2px solid #160088;
}

.news_box .news_nav .menu {
	height: 100%;
	padding: 0.5vw;
	display: flex;
	align-items: center;
	font-size: 0.9vw;
	color: #333;
	margin-left: 1vw;
	border-radius: 0.3vw 0.3vw 0 0;

}

.news_box .news_nav .menu:nth-child(1){
	margin-left: 0;
}

.menuColor {
	font-weight: bold;
	color: #333;
	background-color: #160088;
	color: #fff !important;
}

.news_box .news_list{
	width: 100%;
	padding: 1vw 0;
	box-sizing: border-box;
	border-bottom: 1px solid #E0E0E0;
}

.news_box .news_list:last-child{
	border-bottom: none;
}

.news_box .news_list .title{
	font-size: 0.9vw;
	font-weight: bold;
	color: #333;
}

.news_box .news_list .time{
	font-size: 0.7vw;
	color: #999;
	margin-top: 1vw;
}

.news_article{
	width: 100%;
	margin-top: 1vw;
	display: flex;	
}

.news_article .img{
	width: 30vw;
	margin-right: 1vw;
	overflow: hidden;
}

.news_article .img img{
	width: 100%;

}

.news_article .img:hover img{
	transition: transform 0.6s ease;
	transform: scale(1.2);
}

.news_article .text_box{
	flex: 1;
}

.news_article .text_box .title{
	font-size: 1vw;
	color: #333;
	font-weight: bold;
}

.news_article .text_box .text{
	font-size: 0.7vw;
	color: #999;
	margin-top: 0.8vw;
}

.news_article .text_box .time{
	font-size: 0.7vw;
	color: #999;
	margin-top: 0.8vw;
}

.news_article .text_box .menu{
	width: 8vw;
	height: 2.5vw;
	border-radius: 2.5vw;
	border: 1px solid #160088;
	font-size: 1vw;
	color: #160088;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1vw;
}

.news_article .text_box .title:hover{
	color: #160088;
}

.goods_list{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: left;
	flex-wrap: wrap;
	margin-top: 1vw;
}

.goods_list::after {
	flex: auto;
	content: '';
}

.goods_list .goods{
	width: 23.5%;
	margin-left: 2%;
	border-radius: 0.3vw;
	padding: 1vw;
	background-color: #fff;
	box-sizing: border-box;
	margin-bottom: 1vw;
}

.goods_list .goods:nth-child(4n + 1){
	margin-left: 0;
}

.goods_list .goods:hover{
	background-color: #E7F6FF;
}

.goods_list .goods .goods_img{
	width: 100%;
}

.goods_list .goods .goods_img img{
	width: 100%;
}

.goods_list .goods .title{
	width: 100%;
	margin-top: 0.7vw;
	font-size: 0.9vw;
	color: #333;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.goods_list .goods .text{
	width: 100%;
	margin-top: 0.7vw;
	font-size: 0.7vw;
	color: #999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.goods_list .goods .type{
	width: 100%;
	margin-top: 0.7vw;
	font-size: 1vw;
	color: #E60415;
	font-weight: bold;
}
